<script setup >
import { ref, reactive } from "vue";
import { NImageGroup, NImage } from "naive-ui";
const props = defineProps({
  pictures: {
    type: Array,
    default: [],
  },
});
</script>

<template>
  <div class="goods-comment-image">
    <div class="list">
      <n-image-group show-toolbar>
        <n-image
          style="margin: 2px"
          v-for="url in pictures"
          :key="url"
          width="150"
          object-fit="cover"
          height="150"
          :src="url"
        />
      </n-image-group>
    </div>
  </div>
</template>

<style scoped lang='less'>
.goods-comment-image {
  .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    &.active {
      border-color: @xtxColor;
    }
  }
}
</style>